<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <title>装修效果图</title>
    <link rel="stylesheet" href="../css/resultAll.css">
</head>
<style>
    * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
    ul,li {list-style: none;}
    a {text-decoration: none;color: black;}
    #img_2{
        background-position:-24px -23px;
    }
    #zi_2{color: red}
</style>
<body>
<jsp:include page="hd.jsp"></jsp:include>
<script type="text/javascript">
    function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }

    /*function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }*/

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }
</script>
<div id="All">
<div id="body">
    <div id="body_1">
        <ul>
            <li>装修案例</li>
        </ul>
    </div>
    <div id="body_2">
        <div id="body_2_0"></div>
        <div id="body_2_1">
            <div class="title">户型:</div>
            <div class="all">不限</div>
            <div class="p1">一居室</div>
            <div class="p2">两居室</div>
            <div class="p3">三居室</div>
            <div class="p4">四居室</div>
            <div class="p5">别墅</div>
            <div class="p6">复式</div>
            <div class="p7">商用</div>
        </div>
        <div id="body_2_2">
            <div class="title">户型:</div>
            <div class="all">不限</div>
            <div class="p1">一居室</div>
            <div class="p2">两居室</div>
            <div class="p3">三居室</div>
            <div class="p4">四居室</div>
            <div class="p5">别墅</div>
            <div class="p6">复式</div>
            <div class="p7">商用</div>
        </div>
        <div id="body_2_3">
            <div class="title">户型:</div>
            <div class="all">不限</div>
            <div class="p1">一居室</div>
            <div class="p2">两居室</div>
            <div class="p3">三居室</div>
            <div class="p4">四居室</div>
            <div class="p5">别墅</div>
            <div class="p6">复式</div>
            <div class="p7">商用</div>
        </div>
        <div id="body_2_4">
            <div class="title">户型:</div>
            <div class="all">不限</div>
            <div class="p1">一居室</div>
            <div class="p2">两居室</div>
            <div class="p3">三居室</div>
            <div class="p4">四居室</div>
            <div class="p5">别墅</div>
            <div class="p6">复式</div>
            <div class="p7">商用</div>
        </div>
    </div>
    <div id="body_3">
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2"><a href="result.jsp">本素丨日式风格</a> </div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
        <a href="result.jsp"><div class="wai">
            <div class="good">
                <div class="good_center">
                    <div class="center_img"></div>
                    <div class="center_1">
                        <div class="center_1_l">造价：</div>
                        <div class="center_1_r">￥50000</div>
                    </div>
                    <div class="center_2">娄江</div>
                    <div class="center_3">
                        <div class="center_3_1">60m</div>
                    </div>
                    <div class="center_4">
                        <div class="center_4_1">提供方:</div>
                        <div class="center_4_2">美丽家居</div>
                    </div>
                </div>
            </div>
        </div></a>
    </div>
    <div id="body_4"></div>
</div>
   <jsp:include page="footer.jsp"></jsp:include>
</div>
</body>
</html>